<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:pou="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets">
    <h:head>
        <title>Log Reports</title> 
        <style type="text/css">
            body{
                font-size: 10px !important;
            }
        </style>
    </h:head>
    <h:body>
        <pou:dialog closable="false" modal="true" header="Cargando" widgetVar="dlgwait">
            Espere un momento...<br />
            <h:graphicImage library="images" name="ajaxloader.gif" />
        </pou:dialog>        
        <h:form id="reportform">
            <ui:include src="header.xhtml" />
            <pou:panel >
                <f:facet name="header">Usuarios </f:facet>
                <h:panelGrid>
                    <ui:include src="userform.xhtml" />
                    <pou:dataTable  id="usuarios" rowKey="#{u.id}"  value="#{mbUsuarios.usuarios}" var="u">
                        <pou:ajax event="rowEdit" listener="#{mbUsuarios.saveRow}" />
                        <pou:column sortBy="#{u.usuario}">
                            <f:facet name="header"  >
                                Usuario
                            </f:facet>
                            <pou:cellEditor>
                                <f:facet name="output">
                                    <h:outputText value="#{u.usuario}" />
                                </f:facet>
                                <f:facet name="input">
                                    <pou:inputText value="#{u.usuario}" />
                                </f:facet>
                            </pou:cellEditor>                            
                        </pou:column>
                        <pou:column sortBy="#{u.usuario}">
                            <f:facet name="header"  >
                                Clave
                            </f:facet>
                            <pou:cellEditor>
                                <f:facet name="output">
                                    <h:outputText value="Oculta" />
                                </f:facet>
                                <f:facet name="input">
                                    <pou:password value="#{u.clave}" />
                                </f:facet>
                            </pou:cellEditor>
                        </pou:column>
                        <pou:column sortBy="#{u.usuario}">
                            <f:facet name="header"  >
                                Tipo Usuario
                            </f:facet>
                            <pou:cellEditor>
                                <f:facet name="output">
                                    <h:outputText value="Administrador" rendered="#{u.permisoTodo}" />
                                    <h:outputText value="Limitado" rendered="#{u.permisoConsulta}" />
                                </f:facet>
                                <f:facet name="input">
                                    <pou:selectOneMenu value="#{u.tipo}" >
                                        <f:selectItem  itemLabel="Administrador" itemValue="1" />
                                        <f:selectItem  itemLabel="Limitado" itemValue="2" />
                                    </pou:selectOneMenu>
                                </f:facet>
                            </pou:cellEditor>
                        </pou:column>                        
                        <pou:column style="font-size:9;">
                            <f:facet name="header"  >
                                Opciones
                            </f:facet>
                            <pou:rowEditor />                            
                            <pou:commandLink ajax="false" onstart="dlgwait.show()" 
                                             oncomplete="dlgwait.hide()" update="@all"
                                             actionListener="#{mbUsuarios.actionEliminar()}" value="Eliminar">
                                <f:param value="#{u.usuario}" name="usuario" />
                            </pou:commandLink>
                        </pou:column>
                    </pou:dataTable>
                </h:panelGrid>
            </pou:panel>
        </h:form>
    </h:body>
</html>
